@charset "UTF-8";


/**----------------------------------过渡效果Transition大类：控制元素变换时的过渡效果、过渡类型、持续时间等------------------------------------------**/


/**
目录分类：
	bc-ts[类别]：transition，设置元素变换时的过渡效果，复合属性。语法格式：transition：[transition-property]||[transition-duration]||[transition-timing-function]||[transition-delay]
	bc-ts-tp[类别]：transition-property，设置元素中的参与过渡的属性。可设置多个属性值，以英文逗号进行分隔。注意：如果transition-duration等于0，本属性将失去作用。
	bc-ts-tdu[类别]：transition-duration，设置元素过渡的持续时间。可设置多个属性值，以英文逗号进行分隔。注意：如果transition-property等于none，本属性将失去作用。
	bc-ts-ttf[-类型][类别]：transition-timing-function，设置元素过渡的类型。
	bc-ts-tde[类别]：transition-delay，设置元素延迟过渡的时间，即延迟指定时间后才开始看到使用过渡效果。
*/





/**
设置元素变换时的过渡效果：
格式：
	bc-ts[类别]
说明：
	前缀为bc-ts，代表：transition，设置元素变换时的过渡效果，复合属性。语法格式：transition：[transition-property]||[transition-duration]||[transition-timing-function]||[transition-delay]
	类别为数字编号，用于定义各种不同的过渡效果。
	可以为同一元素的多个属性定义过渡效果，以英文逗号分隔。
*/
.bc-ts0{
	/*示例：单个属性的过渡效果：背景色过渡。*/
	-moz-transition: background-color 0.5s ease-in 0.1s;
	-webkit-transition: background-color 0.5s ease-in 0.1s;
	-xv-transition: background-color 0.5s ease-in 0.1s;
	-o-transition: background-color 0.5s ease-in 0.1s;
	-khtml-transition: background-color 0.5s ease-in 0.1s;
	-ms-transition: background-color 0.5s ease-in 0.1s;
	transition: background-color 0.5s ease-in 0.1s;
}
.bc-ts1{
	/*示例：多个属性的过渡效果：边框色、背景色、文字颜色同时过渡。*/
	-moz-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	-webkit-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	-xv-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	-o-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	-khtml-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	-ms-transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
	transition: border-color 0.5s ease-in 0.1s, background-color 0.5s ease-in 0.1s, color 0.5s ease-in 0.1s;
}





/**
设置元素中的参与过渡的属性：
格式：
	bc-ts-tp[类别]
说明：
	前缀为bc-ts-tp，代表：transition-property，设置元素中的参与过渡的属性。可设置多个属性值，以英文逗号进行分隔。
	类别为数字编号，用于定义各种不同的过渡属性。
注意：
	如果transition-duration等于0，本属性将失去作用。
*/
.bc-ts-tp0{
	/*示例：默认值，所有可以进行过渡的CSS属性。*/
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-xv-transition-property: all;
	-o-transition-property: all;
	-khtml-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
}
.bc-ts-tp1{
	/*示例：单个属性参与过渡效果。*/
	-moz-transition-property: background-color;
	-webkit-transition-property: background-color;
	-xv-transition-property: background-color;
	-o-transition-property: background-color;
	-khtml-transition-property: background-color;
	-ms-transition-property: background-color;
	transition-property: background-color;
}
.bc-ts-tp2{
	/*示例：多个属性参与过渡效果。*/
	-moz-transition-property: border-color, background-color, color;
	-webkit-transition-property: border-color, background-color, color;
	-xv-transition-property: border-color, background-color, color;
	-o-transition-property: border-color, background-color, color;
	-khtml-transition-property: border-color, background-color, color;
	-ms-transition-property: border-color, background-color, color;
	transition-property: border-color, background-color, color;
}




/**
设置元素过渡的持续时间：
格式：
	bc-ts-tdu[类别]
说明：
	前缀为bc-ts-tdu，代表：transition-duration，设置元素过渡的持续时间。可设置多个属性值，以英文逗号进行分隔。
	类别为数字编号，用于定义各种不同的过渡持续时间。
注意：
	如果transition-property等于none，本属性将失去作用。
*/
.bc-ts-tdu0{
	/*示例：默认值，等于0无过渡效果。*/
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	-xv-transition-duration: 0s;
	-o-transition-duration: 0s;
	-khtml-transition-duration: 0s;
	-ms-transition-duration: 0s;
	transition-duration: 0s;
}
.bc-ts-tdu1{
	/*示例：过渡持续时间200ms。*/
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	-xv-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-khtml-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
	transition-duration: 200ms;
}
.bc-ts-tdu2{
	/*示例：过渡持续时间400ms。*/
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-xv-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-khtml-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	transition-duration: 400ms;
}
.bc-ts-tdu3{
	/*示例：过渡持续时间600ms。*/
	-moz-transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-xv-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	-khtml-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	transition-duration: 600ms;
}
.bc-ts-tdu4{
	/*示例：过渡持续时间800ms。*/
	-moz-transition-duration: 800ms;
	-webkit-transition-duration: 800ms;
	-xv-transition-duration: 800ms;
	-o-transition-duration: 800ms;
	-khtml-transition-duration: 800ms;
	-ms-transition-duration: 800ms;
	transition-duration: 800ms;
}
.bc-ts-tdu5{
	/*示例：过渡持续时间1000ms==1s。*/
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-xv-transition-duration: 1s;
	-o-transition-duration: 1s;
	-khtml-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}




/**
设置元素过渡的类型：
格式：
	bc-ts-ttf[-类型][类别]
说明：
	前缀为bc-ts-ttf，代表：transition-timing-function，设置元素过渡的类型。
	类别为数字编号，用于定义各种不同的过渡类型。
类型：
	无：ease，默认值，平滑过渡。
	0|l：linear，线性过渡。
	1|e：ease，平滑过渡。
	2|ei：ease-in，由慢到快。
	3|eo：ease-out，由快到慢。
	4|eio：ease-in-out，由慢到快再到慢。
*/
.bc-ts-ttf{
	/*示例：默认值，平滑过渡。*/
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-xv-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-khtml-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
}
.bc-ts-ttf0, .bc-ts-ttf-l{
	/*示例：线性过渡。*/
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-xv-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-khtml-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	transition-timing-function: linear;
}
.bc-ts-ttf1, .bc-ts-ttf-e{
	/*示例：平滑过渡。*/
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-xv-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-khtml-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
}
.bc-ts-ttf2, .bc-ts-ttf-ei{
	/*示例：由慢到快。*/
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	-xv-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-khtml-transition-timing-function: ease-in;
	-ms-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.bc-ts-ttf3, .bc-ts-ttf-eo{
	/*示例：由快到慢。*/
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-xv-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-khtml-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.bc-ts-ttf4, .bc-ts-ttf-eio{
	/*示例：由慢到快再到慢。*/
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-xv-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-khtml-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}




/**
设置元素延迟过渡的时间：
格式：
	bc-ts-tde[类别]
说明：
	前缀为bc-ts-tde，代表：transition-delay，设置元素延迟过渡的时间，即延迟指定时间后才开始看到使用过渡效果。
	类别为数字编号，用于定义各种不同的延迟过渡的时间。
*/
.bc-ts-tde0{
	/*示例：默认值，不延迟，立即使用过渡效果。*/
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-xv-transition-delay: 0s;
	-o-transition-delay: 0s;
	-khtml-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.bc-ts-tde1{
	/*示例：过渡延迟时间200ms。*/
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-xv-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-khtml-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	transition-delay: 200ms;
}
.bc-ts-tde2{
	/*示例：过渡延迟时间400ms。*/
	-moz-transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-xv-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	-khtml-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	transition-delay: 400ms;
}
.bc-ts-tde3{
	/*示例：过渡延迟时间600ms。*/
	-moz-transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-xv-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	-khtml-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	transition-delay: 600ms;
}
.bc-ts-tde4{
	/*示例：过渡延迟时间800ms。*/
	-moz-transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
	-xv-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	-khtml-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	transition-delay: 800ms;
}
.bc-ts-tde5{
	/*示例：过渡延迟时间1000ms==1s。*/
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-xv-transition-delay: 1s;
	-o-transition-delay: 1s;
	-khtml-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
}


